<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<%@ include file="/WEB-INF/views/include/head.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>${ecard.name}</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="decorator" content="default" />
<meta name="viewport"
	content="width=device-width initial-scale=1.0  maximum-scale=1.0">
<link rel="stylesheet" type="text/css" href="${ctxStatic}/mobile-template/ecard/${theme }/bootstrap.min.css">
<script type="text/javascript" src="${ctxStatic}/mobile-template/ecard/${theme }/jquery.min.js"></script>
<script type="text/javascript" src="${ctxStatic}/mobile-template/ecard/${theme }/bootstrap.min.js"></script>
<link href="http://2weima.hdzhx.com/ecm/assets/css/bootstrap-responsive.css" rel="stylesheet">
<style type="text/css">
a{color:#033B6C}
body{color:#033B6C}
a:hover{color:red;}	
#center{margin:0 auto; min-width:100px;max-width:800px;font-family:Microsoft YaHei;}
</style>
<script type="text/javascript">
$(function() {  
    var tabhosts = $(".tabhost a");  
      
    tabhosts.each(function() {  
        $($(this).attr("href")).hide();  
          
        if ($(this).hasClass("selected")) {  
            $($(this).attr("href")).show();  
        }  
          
        $(this).click(function(event) {  
            event.preventDefault();  
              
            if (!$(this).hasClass("selected")) {  
                tabhosts.each(function() {  
                    $(this).removeClass("selected");  
                    $($(this).attr("href")).hide();  
                });  
                  
                $(this).addClass("selected");  
                $($(this).attr("href")).show();  
            }  
        });  
    });  
}); 
</script>
<style type="text/css">
	
	select{
		background:url("${ctxStatic}/mobile-template/ecard/${theme }/img/dian.png") no-repeat;
	}
	
</style>

</head>
<body>
<link href="${ctxStatic}/mobile-template/ecard/${theme }/jiathis_share.css" rel="stylesheet" type="text/css">
<iframe frameborder="0" style="position: absolute; display: none; opacity: 0; max-height: 300px;"></iframe>
<div class="jiathis_style" style="position: absolute; z-index: 1000000000; display: none; top: 50%; left: 50%; overflow: auto;"></div>
<div class="jiathis_style" style="position: absolute; z-index: 1000000000; display: none; overflow: auto;"></div>
<iframe frameborder="0" src="http://v3.jiathis.com/code_mini/jiathis_utility.html" style="display: none; max-height: 300px;"></iframe>
	<div class="container-fluid" id="center" style="border: 1px solid #b4b4b4;padding:0px;">
		<div class="tabs row-fluid">
			<div
				style="background:url(&quot;${ctxStatic}/mobile-template/ecard/${theme }/top.jpg&quot;) no-repeat;height:227px;max-width:448px;margin:0 auto;">
				<div class="tabhost"
					style="padding: 3px; text-align: center; font-size: 16px; padding-top: 15px">
					<a href="#page1" class="selected">个人风采</a> <a href="#page2">${ecard.organInfo.name
						}</a> <a href="#page3">新闻报</a>

				</div>
				<div style="text-align: left; margin-top: 20px">
					<div>
						<img src="${ctxFront }/ecard/${ecard.id }.jpg"
							style="float: left; margin: 15px; width: 125px; height: 125px;">
						<div style="padding-top: 50px;">
							<font style="font-size: 30px;">${ecard.name}<br></font> <span
								style="font-size: 18px;">${ecard.title}</span>
						</div>
					</div>

					<div style="margin-top: 30px;">
						<a class="btn btn-info"
							href="http://2weima.hdzhx.com/EcardMembers/vcf/WqZ_72">一键保存</a> <a
							href="#myModal" role="button" class="btn" data-toggle="modal">分享</a>

						<!-- Modal -->
						<style>
#myModal {
	width: auto;
	margin: 0;
	left: 10%;
	top: 10%;
}
</style>
						<div id="myModal" class="modal hide fade" tabindex="-1"
							role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal"
									aria-hidden="true">×</button>
								<h5 id="myModalLabel">一键分享</h5>
							</div>
							<div class="modal-body">
								<!-- JiaThis Button BEGIN -->
								<div class="jiathis_style_32x32">
									<a class="jiathis_button_qzone" title="分享到QQ空间"><span
										class="jiathis_txt jtico jtico_qzone"></span></a> <a
										class="jiathis_button_tsina" title="分享到新浪微博"><span
										class="jiathis_txt jtico jtico_tsina"></span></a> <a
										class="jiathis_button_tqq" title="分享到腾讯微博"><span
										class="jiathis_txt jtico jtico_tqq"></span></a> <a
										class="jiathis_button_weixin" title="分享到微信"><span
										class="jiathis_txt jtico jtico_weixin"></span></a> <a
										class="jiathis_button_renren" title="分享到人人网"><span
										class="jiathis_txt jtico jtico_renren"></span></a>
								</div>
								<script type="text/javascript" src="./jia.js" charset="utf-8"></script>
								<!-- JiaThis Button END -->
							</div>
							<div class="modal-footer">
								<button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
							</div>
						</div>
					</div>

				</div>
			</div>

			<div class="tabcontent"
				style="clear: both;padding-top:10px;background:url(&quot;${ctxStatic}/mobile-template/ecard/${theme }/bglow.jpg&quot;) repeat-y ;height:auto;max-width:448px;margin:0 auto;">
				<div id="page1" style="margin-top: 20px; display: block;">

					<div>
						<img alt=""
							src="${ctxStatic}/mobile-template/ecard/${theme }/dian.jpg"
							style="margin-top: -5px;"> <font style="font-size: 20px">
							个人风采 </font>
					</div>

					<div style="margin-left: 50px;">
						<div
							style="padding-top: 13px; margin-bottom: 5px; padding-left: 0px;">
							<span><font>姓名:</font></span> ${ecard.name}
						</div>
						<div style="margin-bottom: 5px;">
							<span><font> 部门:</font></span> ${ecard.department}<br>
						</div>
						<div style="margin-bottom: 5px;">
							<span><font> 电话:</font></span> <a style="color: #F58903"
								href="tel:${ecard.tel}">${ecard.tel}</a>&nbsp;&nbsp;<a
								style="color: #F58903" href="smsto://13888888888">短信</a><br>
						</div>
						<div style="margin-bottom: 5px;">
							<span><font> 职位:</font></span> CEO<br>
						</div>
						<div style="margin-bottom: 5px;">
							<span><font> 邮箱:</font></span> <a style="color: #F58903"
								href="mailto:${ecard.mail}">${ecard.mail}</a><br>
						</div>
						<div
							style="padding-top: 10px; margin-bottom: 5px; padding-left: 0px;">
							<span><font>个人简介</font></span>
						</div>
					</div>

					<div style="overflow: auto; margin: 15px;">
						&nbsp;&nbsp;&nbsp; ${ecard.description}</div>
					</div>
					<div id="page2"
						style="background-image: url(http://2weima.hdzhx.com/theme/app_lantian/img/bglow.jpg); height: auto; margin-top: 20px; display: none; background-position: initial initial; background-repeat: no-repeat repeat;">
						<div>
							<img alt=""
								src="${ctxStatic}/mobile-template/ecard/${theme }/dian.jpg"
								style="margin-top: -5px;"> <font style="font-size: 20px">
								${ecard.organInfo.name }</font>
						</div>
						<div style="margin: 10px; line-height: 25px;">

							单位名称： ${ecard.organInfo.name }<br> 联系电话： <a
								style="color: #F58903" href="tel:${ecard.organInfo.tel }">${ecard.organInfo.tel
								}</a><br> 单位地址： 中国<br> 官方微博： <a
								href="http://t.qq.com/${ecard.organInfo.weibo }"
								style="color: #F58903">${ecard.organInfo.weibo }</a><br>
							单位微信： ${ecard.organInfo.weixin }<br> 单位网址： <a
								href="${ecard.organInfo.site }" style="color: #F58903">${ecard.organInfo.site
								}</a><br> <br> 公司简介：
							<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								${ecard.organInfo.description }</p>
							<br>


						</div>

					</div>


					<div id="page3"
						style="background-image: url(${ctxStatic}/mobile-template/ecard/${theme }/bglow.jpg); height: auto; margin-top: 20px; display: none; background-position: initial initial; background-repeat: no-repeat repeat;">
						<div>
							<img alt=""
								src="${ctxStatic}/mobile-template/ecard/${theme }/dian.jpg"
								style="margin-top: -5px;"> <font style="font-size: 20px">
								新闻报 </font>
						</div>
						<div style="margin: 10px;">

							<div style="margin: 10px;">
								<ul class="unstyled">


									<c:forEach items="${ecard.organInfo.organEvents }" var="event"
										varStatus="status">
										<li>
											<div class="cen31">
												<a
													href="${ctxFront }/ecard/event-${event.id}.html">${status.index
													+1} ${event.title }</a>
											</div>
										</li>
									</c:forEach>
								</ul>
							</div>

						</div>

					</div>

					<div
						style="background:url(&quot;${ctxStatic}/mobile-template/ecard/${theme }/bottom.jpg&quot;) no-repeat ;height:50px;"></div>

			</div>
		</div></div>

		<script type="text/javascript">
						 

	function autoSize(){    
		$("img,embed").each(function(){                
			if($(this).width() > $(this).parent().width()){                    
				$(this).css('max-width',"100%");  
				}            
		});        
	}
	window.onload =  autoSize;
</script>
	<div class="footer" style="width:100%">
	<p style="text-align:center">
		技术支持
		<a href="#power" onclick="$(&#39;#power&#39;).toggle()"> 邯郸智讯</a>
	</p>
	<div id="power" style="display:none;text-align:center">
		<div style="margin: 10px;">
			<div class="aboutus">
				<p>邯郸智讯</p>
				<p>客服电话：
					<a href="tel:0310-7056607">0310-7056607</a>
				</p>
				<p>客服QQ: 66587811</p>
				<p>客服邮箱: jakemnase@163.com</p>
				<p>公司地址: 邯郸市丛台区帝豪雅居B座11楼08室</p>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">
    try {
        window.onload = autoSize;
        function autoSize(){
            $("img,iframe,embed").each(function(){
                if($(this).width() > $(this).parent().width() || $(this).width() > $(window).width()){
                    $(this).css('max-width',"100%");
                }
            });
            $("iframe").each(function(){
                $(this).css('max-height',$(this).width());
            })
        }
    }catch (e) {
    }
</script>

</body></html>